{extend name="index/index" /}
{block name='main'}
	<div class="container">
		<div class="row mt20">
			<div class="col-md-1" style="margin-top:00px;">
				<c class="text-justify text-uppercas" style='font-size:25px'>{$name}</c>
			</div>
			<div class="col-md-3 ">
				<!-- Split button -->
				<div class="btn-group">
				  <button type="button"  class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				   选择分类 <span class="caret"></span>
				  </button>
				  <ul class="dropdown-menu" style="min-width:300px;">
				    <li >
				    	<a href="{:url('index/Index/song_sheet')}">全部风格</a>
				    </li>
					<hr>
					 {foreach $res as $k => $v}
				    <li>
						<a><span class="glyphicon glyphicon-piggy-bank">&nbsp;</span>{$k}</a>
						<ul class="list-inline text-right">
						{foreach $v as $a => $b}
						
						<li><a title="" class='style' style='cursor: pointer;' href="{:url('index/Index/singerstyle?name='.$b)}">{$b}</a> |</li>
						{/foreach}
						</ul>
					</li>

					{/foreach}
		
				  </ul>
				</div>
				<!-- Split button  End -->
			</div>

			<!--右边-->
		<!-- 	<div class="col-md-4 col-md-offset-4 text-right">
				<a href="" title="" class="btn btn-danger">热门</a>
				<a href="" title="" class="btn btn-default">更新</a>
			</div> -->
			<!--右边 end-->
		</div>
		<!-- ------ -->
		<hr>
		<div class="row">

			{foreach $list as $v}
			
			 <div class="col-md-3">
				 <div class="thumbnail">
					 <a href="{:url('index/Index/song_details?id='.$v['mid'])}"><img src="__UPLOAD__/music-img/{$v['mimg']}" alt="..." width='252.5px' style='height:252.5px;'></a>
			
				      <div class="caption">
				        <p>{$v['mname']}</p>
				        
				        <span>歌手</span>
				        <a href="" title="">{$v['sname']}</a>
				        <sup class="glyphicon glyphicon-star-empty">
				        	
				        </sup>
				        </p>
				      </div>
				  </div>
			  </div>
			{/foreach}

		</div>

		<div class="row">
			<div class="col-md-4 col-md-offset-4 ">
				<nav aria-label="Page navigation">
				
				  {$list->render()}

				
				</nav>
			</div>
			
				<!-- <nav aria-label="..."><ul class="pagination">...</ul></nav>
				<nav aria-label="..."><ul class="pagination pagination-sm">...</ul></nav> -->
		</div>



	</div>

	
	<script>
		$(function(){
			$('.style').click(function(){
				console.log($(this).html());


			})
		})
	</script>

{/block}